<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>数据表格datagrid</title>
		<!-- 导入jquery核心类库 -->
		<script type="text/javascript" src="../js/jquery-1.8.3.js"></script>
		<script type="text/javascript" src="../js/easyui/jquery.easyui.min.js"></script>
		<script type="text/javascript" src="../js/easyui/locale/easyui-lang-zh_CN.js" ></script>
		<link rel="stylesheet"  href="../js/easyui/themes/default/easyui.css">
		<link rel="stylesheet"  href="../js/easyui/themes/icon.css">
		<script type="text/javascript">	
			//按钮打开窗口
			$(function(){
				$("#grid").datagrid({
					columns:[[
					{
						field:"id",
						title:"编号",
						width:"100"
					},
					{
						field:"name",
						title:"商品名称",
						width:"100"
					}, 
					{
						field:"price",
						title:"价格",
						width:"100"
					}
					]],
					url:"process.json"
				})
			})
		</script>
	</head>

	<body>
		<!--数据表格-->
		<table id="grid"></table>
	</body>
	

</html>